<template>
  <zl-form :option="formOption" />
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { ZlForm } from '@zl-crud/components'
import '@zl-crud/components/form/style/index'

const formOption = ref({
  mock: true,
  mockTemplate: {
    id: '@id',
    name: '@cname',
    age: '@integer(18, 60)',
    email: '@email'
  },
  AvueOption: {
    column: [
      {
        label: '姓名',
        prop: 'name'
      },
      {
        label: '年龄',
        prop: 'age'
      },
      {
        label: '邮箱',
        prop: 'email'
      }
    ]
  }
})
</script>